<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org" >
<head th:include="include :: header"></head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>排名</title>
<style>
    body{font-size: 14px;background-color: #fafafa}
    .title{padding: 10px 0;border-bottom: 1px solid #eee;text-align: center}
    .list li{padding: 4px 0;}
    .table{}
    .table thead td{font-weight:bold;color:#333;text-align: center;}
    .table tbody td{text-align: center;}
    .btn{margin: 50px 0;}
    .box-shadow{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);border-radius: 4px;-webkit-border-radius: 4px;padding: 6px;background-color: #fff}
</style>
<body>
<div class="container">
    <h3 class="title">排名详情</h3>
    <ul class="list">
        <div class="box-shadow">
            <li>
               <span>姓名：</span><span th:text="${mingzi}"></span>
            </li>
            <li>
                <span>个人加分：</span><span th:text="${zeng}"></span>分
            </li>
            <li>
                <span>个人减分：</span><span th:text="${fu}"></span>分
            </li>
            <li>
                <span>个人总分：</span><span th:text="${zong}" style="color:#1c84c6"></span> 分
            </li>
            <li>
                <span>个人排名：第 </span><span th:text="${paiming}" style="color:#FF5555"></span> 名
            </li>
        </div>
        <hr>
        <div class="box-shadow">
            <li>
                <span>所属队伍名称：</span><span th:text="${duiwu}"></span>
            </li>
            <li>
                <span>所属队伍总分：</span><span th:text="${duijc}" style="color:#1c84c6"></span> 分
            </li>
            <li>
                <span>所属队伍排名：第 </span><span th:text="${duiming}" style="color:#FF5555"></span> 名
            </li>
        </div>
    </ul>
    <hr>
    <div class="">
        <p>队伍排名情况：</p>
        <table class="table table-bordered box-shadow">
            <thead>
                <tr>
                    <td>名次</td>
                    <td>组名</td>
                    <td>总分</td>
                </tr>
            </thead>
            <tbody>
                <tr th:each="MeetingSystem : ${zhi}" >
                    <td th:text="${MeetingSystem.getRank()}"></td>
                    <td th:text="${MeetingSystem.getTeamName()}"></td>
                    <td th:text="${MeetingSystem.getScores()}"></td>
                </tr>
            </tbody>
        </table>
    </div>

    <button  type="button" class="btn btn-block" onclick="kai()" style="background-color: #FDCF3B;">关 闭</button>
</div>
<script type="text/javascript">
       function kai() {
           location.href="/system/meetingSystem/kai"
       }
</script>


</body>
</html>
